<template>
  <view class="v-card" :style="{ padding:padding +'px' }">
    <slot></slot>
  </view>
</template>

<script>
export default {
  props: {
    padding: {
			type: Number,
			default: 10
		},
  },
  data() {
    return {};
  }
};
</script>

<style lang="scss" scoped>
.v-card {
  background: white;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px 0px #4E507C1A;
  border-radius: 5px;
  width: 100%;
  overflow: hidden;
  padding: 10px;
  position: relative;
}
</style>